var MainOSDetailTab = "";
var valueTypes = new Array("播放数(VV)", "使用设备数(UV)", "页面访问量(PV)", "新增设备数(NU)", "", "", "","VV/UV");
function loadMainOSDetail(data) {
	loadData(data, 'MainOSDetailStartDate', 'MainOSDetailEndDate');
	if(data.items.length > 0) {
		genMainOSDetailTab();
		genDetailTable("MainOSDetailTable", valueTypes, dateArr, detailArr, 0, 0);
		genDetailLineChart("MainOSDetailLine",osArr[0]+"趋势图", dateArr, valueTypes, detailArr, 0, $("#MainOSDetailStartDate").val().replace(/\//g, "-") + " 至 " + $("#MainOSDetailEndDate").val().replace(/\//g, "-"));
		changeChartType('MainOSDetail', 'Line');
	//	$("#MainOSDetailLineTab").addClass("selbitem");
		$(".bitem").removeClass("selbitem");
		$("#mainOSDetailTab0").addClass("selbitem");	
		$(".tab-content").show();
	}
	else {
		$(".tab-content").hide();	
	}

	jQuery('#body-wrapper').hideLoading();	
}

function loadMainOSDetail_free(data) {
	loadData(data, 'MainOSDetail_freeStartDate', 'MainOSDetail_freeEndDate');
	if(data.items.length > 0) {
		genMainOSDetail_freeTab();
		genDetailTable("MainOSDetail_freeTable", valueTypes, dateArr, detailArr, 0, 0);
		genDetailLineChart("MainOSDetail_freeLine",osArr[5]+"趋势图", dateArr, valueTypes, detailArr, 0, $("#MainOSDetail_freeStartDate").val().replace(/\//g, "-") + " 至 " + $("#MainOSDetail_freeEndDate").val().replace(/\//g, "-"));
		changeChartType('MainOSDetail_free', 'Line');
	//	$("#MainOSDetailLineTab").addClass("selbitem");
		$(".bitem").removeClass("selbitem");
		$("#mainOSDetailTab0").addClass("selbitem");	
		$(".tab-content").show();
	}
	else {
		$(".tab-content").hide();	
	}

	jQuery('#body-wrapper').hideLoading();	
}

function genMainOSDetailTab() {
	MainOSDetailTab = ""; 

	$.each(osArr, function(l, os) {
		if (l == 0)
			MainOSDetailTab += "<div id=\"mainOSDetailTab"+ l +"\" onclick=\"changeMainOSDetailType("+ l +")\" class=\"bitem selbitem\">"+os+"</div>";
		else
			MainOSDetailTab += "<div id=\"mainOSDetailTab"+ l +"\" onclick=\"changeMainOSDetailType("+ l +")\" class=\"bitem\">"+os+"</div>";
	});
	
	$("#MainOSDetailTab").html(MainOSDetailTab);


}


function genMainOSDetail_freeTab() {
	MainOSDetailTab = ""; 

	$.each(osArr, function(l, os) {
		if (l == 5)
			MainOSDetailTab += "<div id=\"mainOSDetail_freeTab"+ l +"\" onclick=\"changeMainOSDetail_freeType("+ l +")\" class=\"bitem\">总览</div>";
		//else
		//	MainOSDetailTab += "<div id=\"mainOSDetail_freeTab"+ l +"\" onclick=\"changeMainOSDetail_freeType("+ l +")\" class=\"bitem\">"+os+"</div>";
	});
    
    //alert(MainOSDetailTab);
	
	$("#MainOSDetail_freeTab").html(MainOSDetailTab);


}


function changeMainOSDetailType(typeValue) {
	genDetailTable("MainOSDetailTable", valueTypes, dateArr, detailArr, typeValue, 0);
	genDetailLineChart("MainOSDetailLine",osArr[typeValue]+"趋势图", dateArr, valueTypes, detailArr, typeValue, $("#MainOSDetailStartDate").val().replace(/\//g, "-") + " 至 " + $("#MainOSDetailEndDate").val().replace(/\//g, "-"));
	$(".selbitem").removeClass("selbitem");
	$("#mainOSDetailTab"+typeValue).addClass("selbitem");			
	changeChartType('MainOSDetail', 'Line')

}

function changeMainOSDetail_freeType(typeValue) {
	genDetailTable("MainOSDetail_freeTable", valueTypes, dateArr, detailArr, typeValue, 0);
	genDetailLineChart("MainOSDetail_freeLine",osArr[typeValue]+"趋势图", dateArr, valueTypes, detailArr, typeValue, $("#MainOSDetail_freeStartDate").val().replace(/\//g, "-") + " 至 " + $("#MainOSDetail_freeEndDate").val().replace(/\//g, "-"));
	$(".selbitem").removeClass("selbitem");
	$("#mainOSDetail_freeTab"+typeValue).addClass("selbitem");			
	changeChartType('MainOSDetail_free', 'Line')

}
